import { Component, type ReactNode } from "react";

interface IProps {
  // ReactElement 表示 React元素类型
  // ReactNode    表示 React节点类型，比 ReactElmenet 要大
  children: ReactNode;
}

export default class TodoMain extends Component<IProps> {
  render() {
    return (
      <section className="main">
        <ul className="todo-list">{this.props.children}</ul>
      </section>
    );
  }
}
